<template>
  <div class="login-container">
    <div class="login-weaper">
      <div class="login-left">
        <i
          class="img el-icon-office-building"
          style="font-size: 150px"
        />
        <p class="title">{{ title }}</p>
        <p style="margin-top: 20px">{{ $t('version')+':'+appVersion }}</p>
      </div>
      <div class="login-border">
        <div class="login-main">
          <userLogin />
        </div>
      </div>
    </div>

  </div>
</template>
<script>
import '@/styles/login.scss'
import userLogin from './userlogin'
import { mapGetters } from 'vuex'
import {
  getShortCompanyName,
  getAppVersion
} from '@/util/storage'
export default {
  name: 'Login',
  components: {
    userLogin
  },
  data() {
    return {
      title: getShortCompanyName(),
      appVersion: getAppVersion()
    }
  },
  watch: {},
  created() {
  },
  mounted() {
  },
  computed: {
    ...mapGetters(['website'])
  },
  props: [],
  methods: {}
}
</script>

